// Foundation for Sites
// https://get.foundation
// Licensed under MIT Open Source

////
/// @group forms
////

/// Color for form labels.
/// @type Color
$form-label-color: $black !default;

/// Font size for form labels.
/// @type Number
$form-label-font-size: rem-calc(14) !default;

/// Font weight for form labels.
/// @type Keyword
$form-label-font-weight: $global-weight-normal !default;

/// Line height for form labels. The higher the number, the more space between the label and its input field.
/// @type Number
$form-label-line-height: 1.8 !default;

@mixin form-label {
  display: block;
  margin: 0;

  font-size: $form-label-font-size;
  font-weight: $form-label-font-weight;
  line-height: $form-label-line-height;
  color: $form-label-color;
}

@mixin form-label-middle {
  $input-border-width: get-border-value($input-border, width);

  margin: 0 0 $form-spacing;
  line-height: $global-lineheight;
  padding: ($form-spacing * 0.5 + rem-calc($input-border-width)) 0;
}

@mixin foundation-form-label {
  label {
    @include form-label;

    &.middle {
      @include form-label-middle;
    }
  }
}
